@charset "UTF-8";
.clearfix {
	&:after {
		display: block; 
		content: ""; 
		clear: both; 
		width: 0; 
		height: 0; 
		overflow: hidden; 
	}
}
.content {
	padding: 10px; 
}
.head {
	margin: 10px 60px; 
	& .head-left {
		height: 30px; 
		line-height: 30px; 
		float: left; 
	}
	& .head-right {
		margin-left: 10px; 
		float: left;  
	}
	& .head-sele {
		width: 160px; 
		height: 30px; 
		line-height: 30px; 
		font-size: 18px; 
		border: 2px solid #bbb; 
		border-radius: 2px; 
		outline: none; 
	}
}
.top-title {
	color: #000; 
	font-size: 16px; 
	font-weight: 300; 
}
.main-picture {
	margin-top: 20px; 
	text-align: center; 
	& .picture-head {}
	& .picture-title {
		font-size: 18px; 
	}
	& .picture {
		margin-top: 10px; 
		width: 100%; 
		font-size: 0; 
		& .picture-item {
			padding: 0 10px; 
			width: 33.33%; 
			height: 220px; 
			box-sizing: border-box; 
		}
	}
	& .picture-edit {
		margin-top: 20px; 
		width: 100%; 

		& ul {
			width: 100%; 
		}
		
		& .list {
			float: left; 
			width: 33.33%; 

			& .btn {
				margin-top: 20px; 
				padding: 6px 18px; 
				font-size: 16px; 
				color: #fff; 
				border: none; 
				border-radius: 4px; 
				background: #1E55E0;
				outline: none; 
				cursor: pointer; 
			}
		}
	}
}
/*上传图片的组件*/
.file-group {
	position: relative; 
	padding: 8px 0; 
	margin: 0 30px; 
	color: #fff; 
	background: #00E2EA; 
	border: none; 
	border-radius: 4px; 
	text-align: center; 
	cursor: pointer; 
	overflow: hidden; 

	&:hover {
		background: #00F3FF; 
	}

	& .file {
		position: absolute; 
		right: 0; 
		top: 0; 
		font-size: 100px; 
		outline: none; 
		cursor: pointer; 
        opacity:0; 
        filter:alpha(opacity=0); 
	}
}
/*end*/